@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:12px; font-family:"微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:focus{outline:none;}

@font-face{ font-family:'ying'; src:url('../fonts/MONT.TTF');}

a:hover{ text-decoration:none; }

img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:3px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff}
::-webkit-scrollbar-thumb:vertical{background-color:#999;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#333}
::-webkit-scrollbar-corner:vertical{background-color:#666}
::-webkit-scrollbar-resizer:vertical{background-color:#666;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}


/* 国土空间规划 */
.n_big{ width:100%; height:500px;}
.n_big_1{ width:1600px; margin:auto; font-size:38px; color:#fff; height:70px; line-height:70px; padding-top:165px;}
.n_big_2{ width:1600px; margin:auto; font-size:22px; color:#fff; height:60px; line-height:60px;}

.mune_warp{ width:100%; border-bottom:1px solid #e5e5e5; height:67px; position:relative; z-index:9;}
.mune{ width:1600px; height:67px; margin: auto;}
.mune a{ display:inline-block; font-size:16px; color:#616161; height:67px; line-height:67px; margin-right:45px; position:relative; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}
.mune a:hover{ color:#000;}
.mune a:hover .mune_di_1{ width:100%;}
.mune a.mune_a{ color:#000;}
.mune a.mune_a .mune_di_1{ width:100%;}

.mune_di{ width:100%; height:2px; position:absolute; bottom:-1px;}
.mune_di_1{ width:0px; height:2px; background-color:#004f9c; margin:auto; overflow:hidden; -webkit-transition: all 0.4s ease-in-out;}


.yin{ width:1600px; height:67px; margin: auto;}
.yin_1{ float:left; display:inline-block; height:67px; position:relative; z-index:99;}
.yin_1 a{ display:block; font-size:16px; color:#616161; height:67px; line-height:67px; margin-right:45px; position:relative; cursor:pointer; -webkit-transition: all 0.4s ease-in-out; z-index:9}
.yin_1 a:hover{ color:#000;}
.yin_1 a:hover .mune_di_1{ width:100%;}
.yin_1 a.yin_1_a{ color:#000;}
.yin_1 a.yin_1_a .mune_di_1{ width:100%;}

.yin_1:hover .yin_yin{ display:block;}

.yin_yin{ position:absolute; top:55px; width:262px; height: auto; overflow:hidden; padding:15px 0px; background:#f1f1f1; z-index:9; display:none; left:-20px;}
.yin_yin a{ display:block; margin-right:0px; font-size:14px; cursor:pointer; line-height:29px; height:29px; padding-left:20px;-webkit-transition: all 0.4s ease-in-out;}
.yin_yin a:hover{ color:#000;}

.nature{ width:1600px; height:auto; overflow:hidden; margin:auto; border-bottom:1px solid #e5e5e5;}
.nature_tit{ width:100%; text-align:center; font-size:26px; color:#000; height:115px; line-height:115px;}
.nature_con{ margin:auto; font-size:15px; color:rgba(0,0,0,0.7); line-height:29px; padding-bottom:70px; width:1300px; height:auto; overflow:hidden;}

.insight{ width:1600px; height:auto; overflow:hidden; margin:auto; margin-top:30px; padding-bottom:125px;}
.insight_tit{ width:100%; text-align:center; font-size:26px; color:#000; height:90px; line-height:90px;}
.insight_list{ width:100%; height:auto; overflow:hidden;}
.insight_list ul li{ float:left; width:505px; height:418px; list-style:none; margin-right:42px; margin-bottom:40px;}
.insight_list ul li:nth-child(3n){ margin-right:0px;}

.interact{ width:100%; background: url(../images/nature_26.jpg) no-repeat center; height:656px;}
.interact_tit{ width:100%; text-align:center; font-size:26px; color:#fff; height:170px; line-height:170px;}
.interact_list{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.interact_all{ display:inline-block;  width:475px; height:455px; }
.interact_all a{ display:block; width:100%; height:100%; cursor:pointer;}
.interact_all a:hover .interact_shi{ opacity:0; top:-50px;}
.interact_all a:hover .interact_2{ color:#00baf2; border-bottom:1px solid #00baf2;}

.interact_yan{ width:355px; height:308px; margin:auto; -webkit-clip-path:polygon(25% 0%, 75% 0%,100% 50%,75% 100%,25% 100%,0% 50%); overflow:hidden; position:relative;}
.interact_shi{ width:100%; height:100%; background:url(../images/about_08.png) no-repeat center; background-size:17%; position:absolute; top:0;-webkit-transition: all 0.4s ease-in-out;}


.interact_1{ width:100%; text-align:center; font-size:18px; color:#fff; height:85px; line-height:85px;}
.interact_2{ font-size:14px; color:#fff; margin:auto; border-bottom:1px solid #fff; padding:0px 5px; height:28px; line-height:28px; width:60px; text-align:center;-webkit-transition: all 0.4s ease-in-out;}

.kern_con{ width:505px; height:418px; margin:auto;}
.kern_con a{ display:block; width:100%; height:100%; position:relative; cursor:pointer;}
.kern_con a:hover .kern_ti{color:#00baf2; bottom:37px;}
.kern_img{ width:505px; height:418px;}	
.kern_bg{ width:100%; height:50%; position:absolute; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));}
.kern_ti{ margin:auto; font-size:22px; color:#fff; line-height:32px; height:64px; overflow:hidden; width:80%; position:absolute; bottom:27px; left:10%;-webkit-transition: all 0.4s ease-in-out;}

.promptly_warp{ width:100%; height:100vh; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none;}

.promptly{ width:1200px; height: auto; max-height:650px; margin:auto; position:relative;}
.promptly_cha{ width:22px; height:22px; position:absolute; top:16px; left:960px; z-index:9;}
.promptly_cha a{ display:block; width:22px; height:22px; cursor:pointer;}
.promptly_cha a:hover img{-webkit-filter: grayscale(0%);}
.promptly_cha img{-webkit-filter: grayscale(100%);-webkit-transition: all 0.4s ease-in-out;}


@media screen and (max-width:1917px)and (min-width:1597px){
    .n_big{ width:100%; height:437px;}
	.n_big_1{ width:1400px; margin:auto; font-size:33px; color:#fff; height:60px; line-height:60px; padding-top:145px;}
	.n_big_2{ width:1400px; margin:auto; font-size:19px; color:#fff; height:55px; line-height:55px;}

    .mune_warp{ height:58px;}
	.mune{ width:1400px; height:58px; }
	.mune a{ font-size:14px; height:58px; line-height:58px; margin-right:40px;}
	
	.yin{ width:1400px; height:58px; margin: auto;}
	.yin_1{ height:58px;}
	.yin_1 a{ display:block; font-size:14px; color:#616161; height:58px; line-height:58px; margin-right:40px;}
	
	.yin_yin{ position:absolute; top:48px; width:262px; height: auto; overflow:hidden; padding:10px 0px; z-index:9; display:none; left:-25px;}
	.yin_yin a{ display:block; margin-right:0px; font-size:12px; cursor:pointer; line-height:24px; height:24px;}
	
    .nature{ width:1400px; }
	.nature_tit{ font-size:23px; height:95px; line-height:95px;}
	.nature_con{ margin:auto; font-size:14px; line-height:25px; padding-bottom:60px; width:1200px; height:auto; overflow:hidden;}
	
	.insight{ width:1400px; margin-top:25px; padding-bottom:95px;}
	.insight_tit{ font-size:23px; height:80px; line-height:80px;}
	
	.insight_list ul li{ float:left; width:441px; height:365px; list-style:none; margin-right:38px;}
	
	
	.interact{  height:573px;}
	.interact_tit{  font-size:23px; height:145px; line-height:145px;}
	.interact_list{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.interact_all{ width:425px; height:455px; }
	.interact_all a{ display:block; width:100%; height:100%;}
	
	.interact_yan{ width:310px; height:270px;}
	.interact_yan img{ max-width:310px ;height:270px;}
	.interact_shi{background-size:15%;}
	
	.interact_1{font-size:16px;height:70px; line-height:70px;}
	.interact_2{ font-size:13px; color:#fff; margin:auto; border-bottom:1px solid #fff; padding:0px 5px; height:28px; line-height:28px; width:60px}

    .kern_con{ width:441px; height:365px; margin:auto;}
	
	.kern_ti{ margin:auto; font-size:19px; line-height:28px; height:56px; bottom:27px; left:10%;}
	 
    .promptly_warp{ width:100%; height:100vh; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none;}
	
	.promptly{ width:1200px; height: auto; max-height:650px; margin:auto; position:relative;}
	.promptly_cha{ width:18px; height:18px; position:absolute; top:30px; left:945px; z-index:9;}
	.promptly_cha a{ display:block; width:18px; height:18px; cursor:pointer;}
	.promptly_cha img{ width:18px; height:18px;}
}
@media screen and (max-width:1596px)and (min-width:1437px){
    .n_big{ width:100%; height:375px;}
	.n_big_1{ width:1200px; margin:auto; font-size:28px; color:#fff; height:50px; line-height:50px; padding-top:125px;}
	.n_big_2{ width:1200px; margin:auto; font-size:16px; color:#fff; height:50px; line-height:50px;}

    .mune_warp{ height:50px;}
	.mune{ width:1200px; height:50px; }
	.mune a{ font-size:14px; height:50px; line-height:50px; margin-right:35px;}
	
	.yin{ width:1200px; height:50px; margin: auto;}
	.yin_1{ height:50px;}
	.yin_1 a{ display:block; font-size:14px; color:#616161; height:50px; line-height:50px; margin-right:35px;}
	
	.yin_yin{ position:absolute; top:39px; width:262px; height: auto; overflow:hidden; padding:10px 0px;  z-index:9; display:none; left:-25px;}
	.yin_yin a{ display:block; margin-right:0px; font-size:12px; cursor:pointer; line-height:24px; height:24px;}

    .nature{ width:1200px; }
	.nature_tit{ font-size:19px; height:85px; line-height:85px;}
	.nature_con{ margin:auto; font-size:14px; line-height:25px; padding-bottom:55px; width:1100px; height:auto; overflow:hidden;}
	
	.insight{ width:1200px; margin-top:20px; padding-bottom:65px;}
	.insight_tit{ font-size:19px; height:70px; line-height:70px;}
	.insight_list ul li{ float:left; width:379px; height:314px; list-style:none; margin-right:31px;}
	
	
	.interact{  height:492px;}
	.interact_tit{  font-size:19px; height:125px; line-height:125px;}
	.interact_list{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.interact_all{ width:425px; height:455px;}
	.interact_all a{ display:block; width:100%; height:100%;}
	
	.interact_yan{ width:266px; height:233px;}
	.interact_yan img{ max-width:266px; height:233px;}
	.interact_shi{background-size:15%;}
	
	.interact_1{font-size:16px;height:60px; line-height:60px;}
	.interact_2{ font-size:12px; color:#fff; margin:auto; border-bottom:1px solid #fff; padding:0px 5px; height:28px; line-height:28px; width:60px}

    .promptly_warp{ width:100%; height:100vh; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none;}

	.promptly{ width:1200px; height:650px; margin:auto; position:relative;}
	.promptly_cha{ width:18px; height:18px; position:absolute; top:30px; left:945px; z-index:9;}
	.promptly_cha a{ display:block; width:18px; height:18px; cursor:pointer;}
	.promptly_cha img{ width:18px; height:18px;}

}
@media screen and (max-width:1436px)and (min-width:1277px){
    .n_big{ width:100%; height:345px;}
	.n_big_1{ width:1100px; margin:auto; font-size:26px; color:#fff; height:50px; line-height:50px; padding-top:115px;}
	.n_big_2{ width:1100px; margin:auto; font-size:15px; color:#fff; height:45px; line-height:45px;}

    .mune_warp{ height:46px;}
	.mune{ width:1100px; height:46px; }
	.mune a{ font-size:14px; height:46px; line-height:46px; margin-right:35px;}
	
	.yin{ width:1100px; height:46px; margin: auto;}
	.yin_1{ height:46px;}
	.yin_1 a{ display:block; font-size:14px; color:#616161; height:46px; line-height:46px; margin-right:35px;}
	
	.yin_yin{ position:absolute; top:34px; width:262px; height: auto; overflow:hidden; padding:10px 0px;  z-index:9; display:none; left:-25px;}
	.yin_yin a{ display:block; margin-right:0px; font-size:12px; cursor:pointer; line-height:24px; height:24px;}

    .nature{ width:1100px; }
	.nature_tit{ font-size:18px; height:75px; line-height:75px;}
	.nature_con{ margin:auto; font-size:12px; line-height:21px; padding-bottom:45px; width:1000px; height:auto; overflow:hidden;}
	
	.insight{ width:1100px; margin-top:15px; padding-bottom:65px;}
	.insight_tit{ font-size:18px; height:65px; line-height:65px;}
	.insight_list ul li{ float:left; width:347px; height:287px; list-style:none; margin-right:29px;}
	
	
	.interact{  height:452px;}
	.interact_tit{  font-size:18px; height:115px; line-height:115px;}
	.interact_list{ width:100%; height:auto; overflow:hidden; margin:auto;}
	.interact_all{  width:425px; height:455px; }
	.interact_all a{ display:block; width:100%; height:100%;}
	
	.interact_yan{ width:244px; height:215px;}
	.interact_yan img{ max-width:244px; height:215px;}
	.interact_shi{background-size:15%;}
	
	.interact_1{font-size:16px;height:55px; line-height:55px;}
	.interact_2{ font-size:12px; color:#fff; margin:auto; border-bottom:1px solid #fff; padding:0px 5px; height:28px; line-height:28px; width:60px}

    
	.promptly_warp{ width:100%; height:100vh; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none;}
	
	.promptly{ width:1100px; height:650px; margin:auto; position:relative;}
	.promptly_cha{ width:16px; height:16px; position:absolute; top:30px; left:910px; z-index:9;}
	.promptly_cha a{ display:block; width:16px; height:16px; cursor:pointer;}
	.promptly_cha img{ width:16px; height:16px;}
}
@media screen and (max-width:1276px)and (min-width:300px){

/* 国土空间规划 */
.n_big{ width:100%; height:200px;}
.n_big_1{ width:96%; margin:auto; font-size:18px; color:#fff; height:30px; line-height:30px; padding-top:70px;}
.n_big_2{ width:96%; margin:auto; font-size:14px; color:#fff; height:30px; line-height:30px;}


.mune_warp{ width:100%; border-bottom:1px solid #e5e5e5; height: auto; overflow:hidden; position:relative; z-index:9; margin-top:10px;}
.mune{ width:100%; height: auto; overflow:hidden; margin: auto; text-align:center;}
.mune a{ display:inline-block; font-size:14px; color:#616161; height:37px; line-height:37px; margin-right:8px; margin-left:8px;}

.yin{ width:100%; height: auto; overflow:hidden; margin: auto;}
.yin_1{ float: none; display:inline-block; height:37px; position:relative; z-index:99;}
.yin_1 a{ display:block; font-size:14px; color:#616161; height:37px; line-height:37px; margin-right:8px; margin-left:8px;}


.yin_yin{ position:absolute; top:55px; width:262px; height: auto; overflow:hidden; padding:15px 0px; background:#f1f1f1; z-index:9; display:none; left:-20px;}
.yin_yin a{ display:block; margin-right:0px; font-size:12px; cursor:pointer; line-height:24px; height:24px; padding-left:20px;}

.nature{ width:96%; height:auto; overflow:hidden; margin:auto; border-bottom:1px solid #e5e5e5; padding-top:15px;}
.nature_tit{ width:100%; text-align:center; font-size:16px; color:#000; height:45px; line-height:45px;}
.nature_con{ margin:auto; font-size:13px; color:rgba(0,0,0,0.7); line-height:24px; padding-bottom:20px; width:100%; height:auto; overflow:hidden;}
	
.insight{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:10px; padding-bottom:25px;}
.insight_tit{ width:100%; text-align:center; font-size:16px; color:#000; height:30px; line-height:30px;}
.insight_list{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.insight_list ul li{ float:none; width:100%; height: auto; list-style:none; margin-right:0px; margin-bottom:10px;}


.interact{ width:100%; background-size:cover; height: auto; overflow:hidden;}
.interact_tit{  font-size:16px; height:70px; line-height:70px;}
.interact_list{ width:100%; height:auto; overflow:hidden; margin:auto; text-align:center;}
.interact_all{ display:block;  width:100%; height: auto; overflow:hidden; margin-bottom:30px; }
	
	
.interact_yan{ width:300px; height:260px; margin:auto; -webkit-clip-path:polygon(25% 0%, 75% 0%,100% 50%,75% 100%,25% 100%,0% 50%); overflow:hidden; position:relative;}
.interact_shi{ background-size:12%;}
	
	
.interact_1{ width:100%; text-align:center; font-size:16px; color:#fff; height:45px; line-height:45px; margin-top:10px;}
.interact_2{ font-size:12px; color:#fff; margin:auto; border-bottom:1px solid #fff; padding:0px 5px; height:24px; line-height:24px; width:60px; text-align:center;}

.kern_con{ width:100%; height: auto; margin:auto;}
.kern_con a:hover .kern_ti{color:#00baf2; bottom:37px;}
.kern_img{ width:505px; height:418px;}	
.kern_bg{ width:100%; height:50%; position:absolute; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));}
.kern_ti{ margin:auto; font-size:15px; color:#fff; line-height:25px; height:25px; overflow:hidden; width:90%; position:absolute; bottom:27px; left:5%;}

}
@media screen and (max-width:990px)and (min-width:300px){
	
	.promptly_warp{ width:100%; height:100vh; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none;}
	
	.promptly{ width:94%; height: auto; max-height:410px; margin:auto; position:relative;}
	.promptly_cha{ width:16px; height:16px; position:absolute; top:10px; left:92%; z-index:9;}
	.promptly_cha a{ display:block; width:16px; height:16px; cursor:pointer;}
	.promptly_cha img{ width:16px; height:16px;}

    .promptly_warp{ width:100%; height:100vh; position:fixed; top:0; background-color:rgba(0,0,0,0.5); z-index:9999; display:none;}
	
	.promptly{ width:94%; height: auto; max-height:410px; margin:auto; position:relative;}
	.promptly_cha{ width:16px; height:16px; position:absolute; top:10px; left:92%; z-index:9;}
	.promptly_cha a{ display:block; width:16px; height:16px; cursor:pointer;}
	.promptly_cha img{ width:16px; height:16px;}
	
}

.bg{
    margin-bottom: 0px;
      margin-top: 0px;
      padding-bottom: 15px;
      padding-top: 15px;
      background-color: #f1f1f1;
      height: 40px;
	  padding-left: 40px;
  }
  .bg a{
    color: #93979a;
  }
  
  .bg1{
    width: 100%;
      /* float: left; */
      overflow: hidden;
      display: inline-block;
      position: relative;
      top: auto;
      left: auto;
      padding-top: 11px;
      padding-left: 30px;
      font-size: 15px;
  }